<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类选择器</title>
    <style type="text/css">
        .center{
            text-align: center;
        }

        /* 和 id 一样,class 也可被用作派生选择器 */
        .fancy td{
            color: #f60;
            background-color: #666;
        }

        td.fancy2{
            color: #f60;
            background: #666;
        }


    </style>
</head>
<body>

    <!--  在 css 中类选择器以一个点号显示 class 类名的第一个字符不能使用数字,它无法再Mozila 和 fireFox 中使用 -->
    <h1 class="center">
        This heading will be center-aligned
    </h1>
    <p class="center">
        This paragrap will also  be center-aligned
    </p>

    <!-- 元素也可以 基于它们的类 而被选择 -->
    <td class="fancy2">这是一个td 元素</td>

</body>
</html>






































